<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 条纹表格</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
        .box{
            width: 800px;
        }
    </style>
</head>
<body>
<div class="box">
<table class="table table-striped">
    <thead>
    <tr>
        <th>ID</th>
        <th>分类名称</th>
        <th>上级分类</th>
        <th>排序</th>
        <th>是否热门</th>
        <th>是否显示</th>
        <th>分类logo</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {foreach $data as $val}
    <tr>
        <td>{$val.id}</td>
        <td>{$val.name}</td>
        <td></td>
        <td>{$val.sort}</td>
        <td>{$val.hot}</td>
        <td>{$val.show}</td>
        <td>
            <img src="/storage/{$val.file}">
            </td>
        <td><a href=""><button>编辑</button></a>
            <a href=""><button>删除</button></a>
        </td>
    </tr>
{/foreach}
    </tbody>
</table>
</div>
{$data|raw}
</body>
</html>